<template lang="jade">
div(v-if='show')
	div#msgbox(class="{{mt}}")
		span#boxclosebtn(class="close rounded heavy", v-on:click="doNot()")
		div#msgc(class="msgcontent") {{{template}}}
	div#mask(v-on:click="doNot()")
</template>

<script>
export default{
    props: {
        type: {
            default: 'noshow'
        },
        show: {
          default: false
        },
        template: {
            default: ''
        },
        mt: {
            default: ''
        }
    },
    computed:{
      typeClass() {
        return ''+ this.type;
      }
    },
    methods:{
      doNot(){
      	this.$parent.hide();
      	console.log('112');
      }
    }
}

</script>